<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="3" URL="Example.aspx" />
<!--    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"-->
<!--          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">-->
<!--    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"-->
<!--            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"-->
<!--            crossorigin="anonymous"></script>-->
<!--    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-7ymO4nGrkm372HoSbq1OY2DP4pEZnMiA+E0F3zPr+JQQtQ82gQ1HPY3QIVtztVua" crossorigin="anonymous"></script>

    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<!--    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>-->
    <link rel="icon" href="/static/img/favicon1.ico" type="images/x-ico"/>
    <link rel="stylesheet" th:href="@{../static/css/show.css}">
    <title>大屏展示</title>
</head>

<body class="bj">
<div style="margin-top: 7%">
    <div class="container">
        <div class="playerData">
            <div class="col-lg-5 playerdiv">
                <div class="headImg">
                    <img th:src="@{(${info.getAPictureUrl()})}" class="ti">
                </div>
                <div class="playerId">
                    <span th:text="${info.getAName()} ">888 号</span>
                    <i th:text="${info.getPlayerA()}+号选手"></i>
                </div>
<!--                <div class="totalScore" th:text="${info.getATotalScore()}">100</div>-->
                <div class="pingNum">
                    评委打分
                    <span th:text="${info.getAJudgesScoring()}">5</span>
                </div>
                <div class="guanNum">
                    观众票数
                    <span th:text="${info.getAVotes()}">5</span>
                </div>
            </div>
            <div class="col-lg-2 pk"></div>
            <div class="col-lg-5 playerdiv">
                <div class="headImg">
                    <img th:src="@{(${info.getBPictureUrl()})}" class="ti">
                </div>
                <div class="playerId">
                    <span th:text="${info.getBName()}">888 号</span>
                    <i th:text="${info.getPlayerB()}+号选手"></i>
                </div>
<!--                <div class="totalScore" th:text="${info.getBTotalScore()}">100</div>-->
                <div class="pingNum">
                    评委打分
                    <span th:text="${info.getBJudgesScoring()}">5</span>
                </div>
                <div class="guanNum">
                    观众票数
                    <span th:text="${info.getBVotes()}">5</span>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    // function reqs() {
    //     $.ajax({
    //         type: 'get',
    //         url: '/show/doShow',
    //         dataType: 'json',
    //         success: function(res) {
    //             console.log(res);
    //         },
    //         error: function() {
    //             console.log('请求失败~');
    //         }
    //     });
    // }
    // reqs();
    // setInterval(reqs, 3000);
</script>
</body>

</html>